<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>享送小哥</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/style.css" />
</head>

<body>
    <header class="aui-bar aui-bar-nav aui-bar-light u-aui-bar" id="header">
        <a href="javascript:api.closeWin();" class="aui-pull-left aui-btn"><span class="aui-iconfont aui-icon-left"></span></a>
        <div class="aui-title u-aui-title">物品信息</div>
        <a href="javascript:;" class="aui-pull-right" @click="confirm"> 确定 </a>
    </header>
    <script type="text/javascript" src="../script/api.js"></script>
    <script type="text/javascript" src="../script/vue.js"></script>
    <script type="text/javascript" src="../script/app.js"></script>
    <script type="text/javascript">
        apiready = function() {
            var statusBarPos = app.statusBar.pos();
            var headerPos = app.pos('header');

            api.openFrame({
                name: 'goods_info_content',
                url: 'goods_info_content.html',
                rect: {
                    x: 0,
                    y: statusBarPos.h + headerPos.h,
                    w: 'auto',
                    h: 'auto'
                },
                pageParam: api.pageParam,
                bounces: true
            });


            vObj = new Vue({
                el: "#header",
                methods: {
                    confirm: function() {
                        api.execScript({
                            frameName: 'goods_info_content',
                            script: 'vObj.confirm()'
                        });
                    }
                }
            });
        }
    </script>
</body>

</html>
